!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@wix/image-kit"),require("react")):"function"==typeof define&&define.amd?define("rb_wixui.thunderbolt[WPhoto_RoundPhoto]",["imageClientApi","react"],t):"object"==typeof exports?exports["rb_wixui.thunderbolt[WPhoto_RoundPhoto]"]=t(require("@wix/image-kit"),require("react")):e["rb_wixui.thunderbolt[WPhoto_RoundPhoto]"]=t(e.__imageClientApi__,e.React)}("undefined"!=typeof self?self:this,(function(e,t){return function(){var n={42662:function(t){"use strict";t.exports=e},5329:function(e){"use strict";e.exports=t},448:function(e){function t(){return e.exports=t=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},e.exports.__esModule=!0,e.exports.default=e.exports,t.apply(this,arguments)}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports}},a={};function r(e){var t=a[e];if(void 0!==t)return t.exports;var i=a[e]={exports:{}};return n[e](i,i.exports,r),i.exports}r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,{a:t}),t},r.d=function(e,t){for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var i={};return function(){"use strict";r.r(i),r.d(i,{components:function(){return K}});var e=r(448),t=r.n(e),n=r(5329);const a=new RegExp("<%= compId %>","g"),o=(e,t)=>e.replace(a,t);var s=e=>{const{skin:a,id:r,uri:i,alt:s,name:l,width:c,height:u,displayMode:d,focalPoint:p,filterEffectSvgUrl:g,quality:f,crop:m,onSizeChange:h,onLoad:v,getPlaceholder:b,containerWidth:y,containerHeight:k,isInFirstFold:O,lazyLoadImgExperimentOpen:E,hasAnimation:M,allowWEBPTransform:C}=e,A={containerId:r,uri:i||"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==",alt:s,name:l,width:c,height:u,displayMode:d,focalPoint:p,quality:f,crop:m,onLoad:v&&(x=i,/(^https?)|(^data)|(^blob)|(^\/\/)/.test(x))?e=>{const{naturalWidth:t,naturalHeight:n}=e.target;t&&n&&(t!==c||n!==u)&&(h(t,n),null==v||v())}:void 0,getPlaceholder:b,containerWidth:y,containerHeight:k,isInFirstFold:O,lazyLoadImgExperimentOpen:E,hasAnimation:M,allowWEBPTransform:C};var x;const P=g?o(g,r):void 0;return n.createElement(a,t()({},e,{imageProps:A,filterEffectSvgUrl:P}))},l={link:"MVY5Lo",image:"NM_OGj",root:"v__F4U"};function c(e){var t,n,a="";if("string"==typeof e||"number"==typeof e)a+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(n=c(e[t]))&&(a&&(a+=" "),a+=n);else for(t in e)e[t]&&(a&&(a+=" "),a+=t);return a}var u=function(){for(var e,t,n=0,a="";n<arguments.length;)(e=arguments[n++])&&(t=c(e))&&(a&&(a+=" "),a+=t);return a};const d=e=>Object.entries(e).reduce(((e,[t,n])=>(t.includes("data-")&&(e[t]=n),e)),{});const p=(...e)=>e.map((e=>e?`wixui-${e}`:"")).join(" ");var g="rYiAuL",f="gSXewE";const m=e=>{const{id:a,children:r,className:i,title:s,onClick:l,onDblClick:c,withOnClickHandler:p,onMouseEnter:m,onMouseLeave:h,filterEffectSvgString:v,filterEffectSvgUrl:b}=e,y=p?g:"",k=b?{style:{"--filter-effect-svg-url":b}}:{},O=v?n.createElement("svg",{id:"svg_"+a,className:f},n.createElement("defs",{dangerouslySetInnerHTML:{__html:o(v,a)}})):null;return n.createElement("div",t()({id:a},d(e),{className:u(i,y),title:s,onClick:l,onDoubleClick:c,onMouseEnter:m,onMouseLeave:h},k),O,r)},h=13,v=27;function b(e){return t=>{t.keyCode===e&&(t.preventDefault(),t.stopPropagation(),t.currentTarget.click())}}const y=b(32),k=b(h),O=e=>{k(e),y(e)},E=(b(v),{root:"linkElement"}),M=(e,a)=>{const{href:r,role:i,target:o,rel:s,className:l="",children:c,linkPopupId:u,anchorDataId:p,anchorCompId:g,tabIndex:f,dataTestId:m=E.root,title:h,onClick:v,onDoubleClick:b,onMouseEnter:M,onMouseLeave:C,onFocusCapture:A,onBlurCapture:x,"aria-live":P,"aria-disabled":S,"aria-label":w,"aria-labelledby":I,"aria-pressed":j,"aria-expanded":L,"aria-describedby":T,"aria-haspopup":_}=e,B=void 0!==e.activateByKey?e.activateByKey:(e=>e?"SpaceOrEnter":"Space")(u);let N;switch(B){case"Enter":N=k;break;case"Space":N=y;break;case"SpaceOrEnter":N=O;break;default:N=void 0}return void 0!==r?n.createElement("a",t()({},d(e),{"data-testid":m,"data-popupid":u,"data-anchor":p,"data-anchor-comp-id":g,href:r||void 0,target:o,role:u?"button":i,rel:s,className:l,onKeyDown:N,"aria-live":P,"aria-disabled":S,"aria-label":w,"aria-labelledby":I,"aria-pressed":j,"aria-expanded":L,"aria-haspopup":_,"aria-describedby":T,title:h,onClick:v,onMouseEnter:M,onMouseLeave:C,onDoubleClick:b,onFocusCapture:A,onBlurCapture:x,ref:a,tabIndex:u?0:f}),c):n.createElement("div",t()({},d(e),{"data-testid":m,className:l,tabIndex:f,"aria-label":w,"aria-labelledby":I,"aria-haspopup":_,"aria-disabled":S,title:h,role:i,onClick:v,onDoubleClick:b,onMouseEnter:M,onMouseLeave:C,ref:a}),c)};var C=n.forwardRef(M);var A={root:"image"},x="HlRz5e",P=r(42662);const{STATIC_MEDIA_URL:S}=P,w=({fittingType:e,src:t,target:n,options:a})=>{const r=P.getPlaceholder(e,t,n,Object.assign(Object.assign({},a),{autoEncode:!0}));return(null==r?void 0:r.uri)&&!/^[a-z]+:/.test(r.uri)&&(r.uri=`${S}${r.uri}`),r},I=/^[a-z]+:/;var j=e=>{var t,a;const{id:r,containerId:i,uri:o,alt:s,name:l="",role:c,width:u,height:d,displayMode:p,devicePixelRatio:g,quality:f,alignType:m,bgEffectName:h="",focalPoint:v,upscaleMethod:b,className:y="",crop:k,imageStyles:O={},targetWidth:E,targetHeight:M,targetScale:C,onLoad:A=(()=>{}),onError:P=(()=>{}),shouldUseLQIP:j,containerWidth:L,containerHeight:T,getPlaceholder:_,isInFirstFold:B,placeholderTransition:N,socialAttrs:D,isSEOBot:R,skipMeasure:W,lazyLoadImgExperimentOpen:H,hasAnimation:U,allowWEBPTransform:z}=e,F=n.useRef(null);let q="";const $="blur"===N,Y=n.useRef(null);if(!Y.current)if(_||j||B||R){const e=Object.assign(Object.assign({upscaleMethod:b},f||{}),{shouldLoadHQImage:B,isSEOBot:R,hasAnimation:U,allowWEBPTransform:z});Y.current=(_||w)({fittingType:p,src:{id:o,width:u,height:d,crop:k,name:l,focalPoint:v},target:{width:L,height:T,alignment:m,htmlTag:"img"},options:e}),q=!Y.current.transformed||B||R?"":"true"}else Y.current={uri:void 0,css:{img:{}},attr:{img:{},container:{}},transformed:!1};const G=!R&&(_||j)&&!B&&Y.current.transformed,X=n.useMemo((()=>JSON.stringify(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({containerId:i},i&&{containerId:i}),m&&{alignType:m}),W&&{skipMeasure:!0}),{displayMode:p}),L&&{targetWidth:L}),T&&{targetHeight:T}),E&&{targetWidth:E}),M&&{targetHeight:M}),C&&{targetScale:C}),{isLQIP:G,isSEOBot:R,lqipTransition:N,imageData:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({width:u,height:d,uri:o,name:l,displayMode:p,hasAnimation:U},f&&{quality:f}),g&&{devicePixelRatio:g}),v&&{focalPoint:v}),k&&{crop:k}),b&&{upscaleMethod:b})}))),[i,m,W,p,T,L,E,M,C,G,R,N,u,d,o,l,f,g,v,k,b,U]),Q=Y.current,J=null==Q?void 0:Q.uri,K=null==Q?void 0:Q.srcset,V=null===(t=Q.css)||void 0===t?void 0:t.img,Z=`${x} ${y}`;n.useEffect((()=>{const e=F.current;A&&(null==e?void 0:e.currentSrc)&&(null==e?void 0:e.complete)&&A({target:F.current})}),[]);const ee=Q&&!(null==Q?void 0:Q.transformed)?`max(${u}px, 100%)`:E?`${E}px`:null;return n.createElement("wow-image",{id:r,class:Z,"data-image-info":X,"data-bg-effect-name":h,"data-has-ssr-src":q,"data-animate-blur":!R&&G&&$?"":void 0,style:ee?{"--wix-img-max-width":ee}:{}},n.createElement("img",Object.assign({src:J,ref:F,alt:s||"",role:c,style:Object.assign(Object.assign({},V),O),onLoad:A,onError:P},L&&{width:L},T&&{height:T},D,B?{srcSet:null===(a=null==K?void 0:K.dpr)||void 0===a?void 0:a.map((e=>I.test(e)?e:`${S}${e}`)).join(", "),fetchpriority:"high"}:H?{loading:"lazy"}:{})))},L="nTOEE9",T="sqUyGm",_="C_JY0G";let B,N,D,R=!1;var W=e=>{const{width:a,height:r,className:i}=e,[o,s]=n.useState(!1),[l,c]=n.useState({x:0,y:0}),d=n.useRef(null),p=e=>{const t=e.nativeEvent;if(o)s(!1);else if(!o&&t&&"click"===t.type){s(!0);const{offsetX:e,offsetY:n}=f(t.clientX,t.clientY),{x:a,y:r}=g(e,n);c({x:a,y:r})}},g=(e,t)=>{const n=d.current.offsetWidth,i=d.current.offsetHeight;return{x:e/n*(a-n),y:t/i*(r-i)}},f=(e,t)=>{const n=d.current.getBoundingClientRect();return{offsetX:e-n.left,offsetY:t-n.top}},m=()=>{c({x:B,y:N}),R=!1},h={onMouseLeave:e=>{D=setTimeout((()=>p(e)),1200)},onMouseEnter:()=>{clearTimeout(D)},onMouseMove:e=>{const t=e.nativeEvent,{offsetX:n,offsetY:a}=f(t.clientX,t.clientY);({x:B,y:N}=g(n,a)),R||requestAnimationFrame(m),R=!0}},v=o?{transform:"translate(-"+l.x+"px, -"+l.y+"px)",transitionTimingFunction:"ease-out",transitionDuration:"0.2s",willChange:"transform"}:{},b=o?{onClick:p,...h}:{onClick:p},y=o?{targetWidth:e.width,targetHeight:e.height,skipMeasure:!0}:{skipMeasure:!1};return n.createElement("div",t()({},b,{className:u(L,""+(o?_:T)),ref:d}),n.createElement(j,t()({},e,{className:i,imageStyles:v},y)))};var H=e=>{const{skinsStyle:a,id:r,className:i,customClassNames:o=[],link:s,imageProps:l,title:c,onClick:g,hasPlatformClickHandler:f=!1,onClickBehavior:h,onDblClick:v,onMouseEnter:b,onMouseLeave:y,reportBiOnClick:k,filterEffectSvgString:O,filterEffectSvgUrl:E}=e,M="zoomAndPanMode"===h?W:j;const x="zoomMode"===h,P=(e=>{let{onClickBehavior:t,className:n,link:a}=e;const r={className:n};return"zoomMode"===t||"zoomAndPanMode"===t?r:{...a,...r}})({onClickBehavior:h,className:a.link,link:s}),S=(({reportBiOnClick:e,onClick:t})=>(0,n.useCallback)((n=>{e?.(n),t?.(n)}),[e,t]))({onClick:g,reportBiOnClick:k}),w=x?s:void 0,I=!(!(L=s)||0===Object.keys(L).length&&L.constructor===Object)||f||x;var L;return n.createElement(m,t()({id:r},d(e),{className:u(a.root,i,p(A.root,...o)),title:c,onClick:I||g?S:void 0,onDblClick:v,onMouseEnter:b,onMouseLeave:y,withOnClickHandler:I,filterEffectSvgString:O,filterEffectSvgUrl:E}),n.createElement(C,P,n.createElement(M,t()({id:"img_"+r},l,{className:a.image,link:w}))))};const U=e=>n.createElement(H,t()({},e,{skinsStyle:l}));var z=e=>n.createElement(s,t()({},e,{skin:U}));const F=e=>e.replace(/([A-Z])/g,(e=>`-${e.toLowerCase()}`)),q=e=>"linkPopupId"in e,$=(e,t)=>{if(q(e))return e.linkPopupId;{const{pagesMap:n,mainPageId:a}=t||{};if(!n)return;const r=new URL(e.href??"");let i=Object.values(n).find((({pageUriSEO:e})=>!!e&&r.pathname?.includes(e)));return i||(i=a?n[a]:void 0),i?.pageId}},Y=e=>{if(void 0!==e)return null===e?"None":e.type},G=(e,t)=>{if(!e?.type)return;const{type:n}=e;switch(n){case"AnchorLink":return e.anchorDataId;case"DocumentLink":return e.docInfo?.name;case"PageLink":const n=$(e,t);return n&&t?.pagesMap?.[n]?.title;default:return e.href}},X=(e,t,n)=>{const{link:a,value:r,details:i,actionName:o,elementType:s,trackClicksAnalytics:l,pagesMetadata:c,...u}=t;if(!l)return;const d=c&&{...c,pagesMap:window.viewerModel?.siteFeaturesConfigs?.router?.pagesMap},p=((e,t)=>{if(!e?.type)return;const{type:n}=e;switch(n){case"AnchorLink":return(e=>"anchorDataId"in e&&("SCROLL_TO_TOP"===e.anchorDataId||"SCROLL_TO_BOTTOM"===e.anchorDataId))(e)?void 0:{id:e.anchorDataId};case"DocumentLink":return{id:e.docInfo?.docId};case"PageLink":return{id:$(e,t),isLightbox:q(e)};default:return}})(a,d),g=i||p?JSON.stringify({...p,...i}):void 0;e({src:76,evid:1113,...{...u,bl:navigator.language,url:window.location.href,details:g,elementType:s??"Unknown",actionName:o??Y(a),value:r??G(a,d)}},{endpoint:"pa",...n})};var Q,J;!function(e){e.Text="Text",e.Menu="Menu",e.Image="Image",e.Input="Input",e.Login="Login",e.Button="Button",e.Social="Social",e.Gallery="Gallery",e.Community="Community",e.Decorative="Decorative",e.MenuAndSearch="MenuAndSearch",e.MenuAndAnchor="MenuAndAnchor"}(Q||(Q={}));const K={WPhoto_RoundPhoto:{component:z,controller:(J=e=>{let{controllerUtils:t,mapperProps:n,stateValues:a}=e;const{reportBi:r}=a,{compId:i,language:o,mainPageId:s,fullNameCompType:l,trackClicksAnalytics:c,...u}=n;return{...u,reportBiOnClick:()=>{const{link:e,title:t,uri:n}=u;X(r,{link:e,language:o,trackClicksAnalytics:c,details:{uri:n},element_id:i,elementTitle:t,elementType:l,pagesMetadata:{mainPageId:s},elementGroup:Q.Image})},onSizeChange:(e,n)=>{t.updateProps({width:e,height:n})}}},{useComponentProps:(e,t,n)=>{const a=(e=>({...e,updateStyles:t=>{const n=Object.entries(t).reduce(((e,[t,n])=>{return{...e,[(a=t,a.startsWith("--")?t:F(t))]:void 0===n?null:n};var a}),{});e.updateStyles(n)}}))(n);return J({mapperProps:e,stateValues:t,controllerUtils:a})}})}}}(),i}()}));
//# sourceMappingURL=https://static.parastorage.com/services/editor-elements-library/dist/thunderbolt/rb_wixui.thunderbolt[WPhoto_RoundPhoto].c33c128e.bundle.min.js.map